/* Reset default styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,Ï
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* Reset HTML5 elements */
body {
    margin: 0;
    font-family: Source Han Sans CN, Source Han Sans CN;
}

/* Reset default text styles */
p, h1, h2, h3, h4, h5, h6, em, strong, kbd, code, var {
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

/* Reset default list styles */
ul, ol {
    list-style: none;
}

/* Reset default table styles */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Reset default hr styles */
hr {
    height: 1px;
    border: none;
    margin: 0;
    padding: 0;
}

/* Reset default link styles */
a {
    text-decoration: none;
}

/* Reset default form styles */
input[type="text"], input[type="password"], input[type="email"],
input[type="tel"], input[type="number"], textarea,
select {
    border: 1px solid #ccc;
    padding: 0.5em;
    margin: 0.5em 0;
    font-size: 1em;
    color: #333;
}

/* Reset default button styles */
button {
    border: 1px solid #ccc;
    padding: 0.5em;
    margin: 0.5em 0;
    font-size: 1em;
    color: #333;
}

/* Reset default image styles */
img {
    border: 0;
    vertical-align: middle;
}

/* Reset default background styles */
/*div[data-background] {
 background-image: url(/path/to/image.jpg);
 background-size: cover;
 background-position: center;
}*/

/* Reset default text effect styles */
mark {
    font-weight: bold;
}

/* Reset default list item styles */
li {
    margin-left: 1em;
}

a{color: rgba(141,144,153,0.9);cursor: pointer}
*::-webkit-input-placeholder{color:var(--chakra-colors-chakra-placeholder-color);}
*::-moz-placeholder{color:var(--chakra-colors-chakra-placeholder-color);}
*:-ms-input-placeholder{color:var(--chakra-colors-chakra-placeholder-color);}
*::placeholder{color:var(--chakra-colors-chakra-placeholder-color);}
.ksd-main-container{display:flex;flex-direction:column;min-height:100vh;}
.container{width:100%;padding-left:10px;padding-right:10px;padding-bottom:10px;margin-left:auto;margin-right:auto;flex:1;}
.ctitle{font-size:16px;font-weight:bold;color:#141414;}
.divider{border-bottom:1px solid #edeff2;}
::-webkit-scrollbar-track-piece{-webkit-border-radius:0}
::-webkit-scrollbar{width:5px;height:10px}
::-webkit-scrollbar-thumb{height:50px;background-color:#b8b8b8;-webkit-border-radius:6px;outline-offset:-2px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
::-webkit-scrollbar-thumb:hover{height:50px;background-color:#878987;-webkit-border-radius:6px}
.flex{display:flex!important}
.flex1{flex:1!important}
.flex-c{flex-direction:column!important}
.flex-r{flex-direction:row!important}
.align-center{align-items:center!important}
.items-center{align-items:center!important}
.justify-center{justify-content:center!important}
.justify-between{justify-content:space-between!important}
.green,.el-icon.green{color:#18a058!important;}
.classify{float:left;height:20px;margin-right:10px;padding:0 5px;font-size:12px;color:#9FB0BD;line-height:19px;text-align:center;background-color:#dfe5e9;border-radius:3px;}
/* 通用css */
.gui-padding{padding:15px;}
.gui-padding-l{padding:20px;}
.gui-padding-m{padding:10px;}
.gui-padding-s{padding:6px;}
.pushtag,.newtag,.hottag{border:1px solid #41a863;border-radius:4px;font-size:12px;padding:2px 4px;background:#41a863;color:#fff}
.newtag{background:#fcc52e;border-color:#fcc52e}
.hottag{background:#f33f5a;border-color:#f33f5a}
.fb{font-weight:600;}
.demo-banner{height:230rpx;}
.demo-space{height:30rpx;}
.demo-title{height:60rpx;}
.demo-tag{width:126rpx;height:30rpx;}
.demo-grid{width:126rpx;height:126rpx;}
.demo-card{width:330rpx;height:188rpx;}
.demo-wall{width:375rpx;height:30rpx;}
.demo-img{width:94px;height:70px;border-radius:6px;}
.demo-bg{background-color:#EFF1F6;overflow:hidden;}
.demo-bg:after{content:'';display:block;width:100%;height:100%;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,0.335),transparent);animation:loading 1.5s infinite;}
.f-fl{float:left;}
.f-fl{float:left;}
.dota{border-radius:50%;height:6px;margin-right:5px;width:6px;display:inline-block;background-color:#2196F3;}
.dotb{border-radius:50%;height:6px;display:inline-block;margin-right:5px;width:6px;background-color:#4CAF50}
.mainbg{background:#fc2952!important;color:#fff!important;}
.mainbg1{background:#067bef!important;color:#fff!important;}
.mainbg2{background:#18a058!important;color:#fff!important;}
.mainbg3{background:#9c27b0!important;color:#fff!important;}
.mainbg4{background:#4954e6!important;color:#fff!important;}
.mainbg5{background:#fdd663!important;color:#fff!important;}
.mainbg7{background:#45c985!important;color:#fff!important;}
.mainbg6{background:#f0f0f0!important;color:#fff!important;}
.mainbg .count,.mainbg1 .count,.mainbg2 .count,.flex1{flex:1}
.pointer{cursor:pointer}
.flex-wrap{flex-wrap:wrap;}
.flex{display:flex;}
.flex-c{flex-direction:column;}
.flex-r{flex-direction:row;}
.align-items{align-items:center;}
.justify-content-center{justify-content:center;}
.justify-content-between{justify-content:space-between;}
.justify-content-around{justify-content:space-around;}
.w100{width:100%!important;}
.greenall{color:#00f573 !important}
.gold{color:#f4ce03 !important}
.yellow{color:#FFEB3B !important}
.cm-strong{color:#13a10e!important}
.red{color:#fa2952!important;}
.cof{color:#fff!important;}
.c333{color:#111!important;}
.c000{color:#000!important;}
.c666{color:#666!important;}
.c999{color:#999!important;}
.c9999{color:#9FB0BD!important;}
.c3333{color:#34495e!important;}
.fn{font-weight:normal!important;}
.textunline{text-decoration:underline!important;}
.textdel{text-decoration:line-through!important;}
.fz10{font-size:10px!important;}
.fz11{font-size:11px!important;}
.fz12{font-size:12px!important;}
.fz13{font-size:13px!important;}
.fz14{font-size:14px!important;}
.fz15{font-size:15px!important;}
.fz16{font-size:16px!important;}
.fz18{font-size:18px!important;}
.fz20{font-size:20px!important;}
.fz22{font-size:22px!important;}
.fz24{font-size:24px!important;}
.fz28{font-size:28px!important;}
.fz30{font-size:30px!important;}
.fz32{font-size:32px!important;}
.fz36{font-size:36px!important;}
.fz42{font-size:42px!important;}
.fz48{font-size:48px!important;}
.mt1{margin-top:1px!important;}
.mt2{margin-top:2px!important;}
.mt3{margin-top:3px!important;}
.mt4{margin-top:4px!important;}
.mt5{margin-top:5px!important;}
.mt6{margin-top:6px!important;}
.mt8{margin-top:8px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mr2{margin-right:2px!important;}
.mr3{margin-right:3px!important;}
.mr4{margin-right:4px!important;}
.mr5{margin-right:5px!important;}
.mr6{margin-right:6px!important;}
.mr7{margin-right:7px!important;}
.mr8{margin-right:8px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr20{margin-right:25px!important;}
.mr20{margin-right:30px!important;}
.ml2{margin-left:2px!important;}
.ml3{margin-left:3px!important;}
.ml4{margin-left:4px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
.ps{position:sticky;top:0;z-index:10}
.fw,fb{font-weight:bold!important;}
.tp1{top:1px}
.tp2{top:2px}
.tp3{top:3px}
.tp4{top:4px}
.tp5{top:5px}
.tp6{top:6px}
.tp8{top:8px}
.tp10{top:10px}
.ftp1{top:-1px}
.ftp2{top:-2px}
.ftp3{top:-3px}
.ftp4{top:-4px}
.ftp5{top:-5px}
.l1{left:1px}
.l2{left:2px}
.l3{left:3px}
.l4{left:4px}
.l5{left:5px}
.fl1{left:-1px}
.fl2{left:-2px}
.fl3{left:-3px}
.fl4{left:-4px}
.fl5{left:-5px}